<template>
    <div class="unauth-box flexs-center">
        <div class="unauth-tip">
            <el-empty :image-size="80" :image="proxy.imgUrl + 'tenant_593be52a46f869eea8b31d146d21de7a/album/202304/20230414_b14384cffdf727c7de62f77e28facd71.png'" description="授权小程序后可查看">
                <el-button type="primary" @click="onClick">前往授权</el-button>
            </el-empty>
        </div>
    </div>
</template>

<script setup>
import { getCurrentInstance } from "vue"
const { proxy } = getCurrentInstance()

/**
 * 提示小程序授权——小程序没有授权时
 * @property {String} title 标题文字
 * @property {String} content 内容
 * @property {String} bottom 容器距离底部距离，默认0px
 */
const props = defineProps({
    title: {
        type: String,
        default: "返回",
    },
    content: {
        type: String,
        default: "",
    },
    bottom: {
        type: String,
        default: "0px",
    },
})

const emits = defineEmits(["click"])
const onClick = () => {
    emits("click")
}
</script>

<style lang="less" scoped>
.unauth-box {
    width: 100%;
    height: calc(100vh - 210px);
    .unauth-tip {
        flex: 1;
    }
}
</style>
